<template>
	<el-menu :collapse="isCollapse" :collapse-transition="false" router :default-active="activeMenu">
		<layoutVerticalMenuItem :items="items" />
	</el-menu>
</template>

<script setup>
import { appStore as useStore } from "@/stores/modules/app";
import { GlobalStore } from "@/stores";
import layoutVerticalMenuItem from "./components/layout-vertical-menu-item/index.vue";

defineComponent({
	components: {
		layoutVerticalMenuItem
	}
});

const store = useStore();
const { activeMenu } = GlobalStore();
const isCollapse = computed(() => store.layout.isCollapse);

defineProps({
	items: {
		type: Array,
		required: true
	}
});
</script>

<style scoped></style>
